<template>
  <div>
    <h1>Footer{{count}}</h1>
    <button @click="increment">点击累加</button>
    <button @click="incrementN({n:3})">点击累加3</button>
    <button @click="decrement">点击累减</button>
    <button @click="incrementWait({n:3})">点击过一秒加3</button>
    <button @click="getMovieList">点击获取电影列表</button>
    <ul>
      <li v-for="item in movieList" :key="item.tvId">{{item.albumName}}</li>
    </ul>
  </div>
</template>

<script>
import { mapActions, mapMutations, mapState } from 'vuex'
export default {
    name:"Footer",
    computed:{
      ...mapState("count",["count","movieList"])
    },
    methods:{
      ...mapMutations("count",["increment","incrementN","decrement"]),
      ...mapActions("count",["incrementWait","getMovieList"])
    }
}
</script>

<style>

</style>